@charset "utf-8";
/* LAYOUT CSS */

* {font-family:Tahoma, Geneva, sans-serif;}
#login_area {width:748px; margin:auto}
.buttonMenu {width:90%; height:32px;margin:auto}
#table_div {clear:both; margin: auto auto 0px auto}

/* POPUPS CSS (EDITAR/AGREGAR) */
table.popups {margin:20px auto; border:0; width:50%; font-size:80%}
table.index {margin: auto; border:0; width:100%;}
table.popups .label {width:30%; text-align:right}
table.popups .inputs {width:70%;}
table.index .label {width:40%; text-align:right}
table.index .inputs {width:60%;}
table .inputs input {width:200px}
table .inputs select{width:205px}
table .controls {padding-top:5px;}
table .controls .buttons {margin: auto} /* CSS PARA CENTRAR TODOS LOS BOTONES DEBAJO DE LOS FORMULARIOS */
table .validatorMsg { text-align:center; font-style:italic; color:#F00; font-size:95%; padding-top:10px}

/* VALIDATION CSS */
label.error {font-size: 80%; font-style: italic; color: #F00; margin-left: 10px;}
input.error, select.error {border: 1px solid red; background-color:#FFC}
.notlogin {background-color:#F00; width:350px; text-align:center; margin:auto}

/* BOTONES CSS */
.buttons {width:100px;}
.buttons a{display:block; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-size:90%; line-height:70%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; /* Links */}
.buttons a img{margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;}

	/* STANDARD */
	.buttons a:hover{background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699;}
	.buttons a:active{background-color:#6299c5; border:1px solid #6299c5; color:#fff;}
	
	/* POSITIVE */
	.buttons a.positive{color:#529214;}
	.buttons a.positive:hover{background-color:#E6EFC2; border:1px solid #C6D880; color:#529214;}
	.buttons a.positive:active{background-color:#529214; border:1px solid #529214; color:#fff;}
	
	/* NEGATIVE */
	.buttons a.negative{color:#d12f19;}
	.buttons a.negative:hover{background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19;}
	.buttons a.negative:active{background-color:#d12f19; border:1px solid #d12f19; color:#fff;}

.buttonsLarge a{display:block; float:left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-size:90%; line-height:70%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; /* Links */}
.buttonsLarge a img{margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;}

	/* STANDARD */
	.buttonsLarge a:hover{background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699;}
	.buttonsLarge a:active{background-color:#6299c5; border:1px solid #6299c5; color:#fff;}
	
	/* POSITIVE */
	.buttonsLarge a.positive{color:#529214;}
	.buttonsLarge a.positive:hover{background-color:#E6EFC2; border:1px solid #C6D880; color:#529214;}
	.buttonsLarge a.positive:active{background-color:#529214; border:1px solid #529214; color:#fff;}
	
	/* NEGATIVE */
	.buttonsLarge a.negative{color:#d12f19;}
	.buttonsLarge a.negative:hover{background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19;}
	.buttonsLarge a.negative:active{background-color:#d12f19; border:1px solid #d12f19; color:#fff;}

span.loadImg {float:right} /* IMAGEN DE LOAD */

/* FIN DE BOTONES CSS */

/* CSS TABLAS */
table.tablesorter {background-color: #CDCDCD; margin:10px auto 10px auto; font-size: 0.7em; width: 90%; text-align: left;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {background-color: #e6EEEE; border: 1px solid #FFF; font-size: 1em; padding: 4px;}
table.tablesorter thead tr .header {background-image: url(../img/tables/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer;}
table.tablesorter tbody td {color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top;}
table.tablesorter tbody tr.odd td {background-color:#F0F0F6;}
table.tablesorter thead tr .headerSortUp {background-image: url(../img/tables/asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image: url(../img/tables/desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #8dbdd8;}
table.tablesorter .tableButton {width:50px; text-align:center}
table.tablesorter .tableButton img {cursor:pointer}
table.tablesorter .link a {color:#3D3D3D;}
table.tablesorter .link a:link, .link a:visited {text-decoration:none;}
table.tablesorter .link a:hover {text-decoration:underline;}

	/* PAGINADOR CSS*/
	div.tablesorterPager {width:90%; margin: -5px auto 10px auto; padding: 0px;}
	div.tablesorterPager input {width: 50px; text-align: center;}
	
/* FIN DE CSS TABLAS */

/* ALERTS CSS */
#popup_container {font-size: 12px; min-width: 300px; /* Dialog will be no smaller than this */ max-width: 600px; /* Dialog will wrap after this width */ background: #FFF; border: solid 5px #999; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#popup_title {font-size: 14px; font-weight: bold; text-align: center; line-height: 1.75em; color: #666; background: #CCC url(../img/alerts/title.gif) top repeat-x; border: solid 1px #FFF; border-bottom: solid 1px #999; cursor: default; padding: 0em; margin: 0em;}
#popup_content {background: 16px 16px no-repeat url(../img/alerts/info.gif); padding: 1em 1.75em; margin: 0em;}
#popup_content.alert {background-image: url(../img/alerts/info.gif);}
#popup_content.confirm {background-image: url(../img/alerts/important.gif);}
#popup_content.prompt {background-image: url(../img/alerts/help.gif);}
#popup_message {padding-left: 48px;}
#popup_panel {text-align: center; margin: 1em 0em 0em 1em;}
#popup_prompt {margin: .5em 0em;}
/* FIN DE ALERT CSS */

/* COLORBOX CSS GENERAL */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* COLORBOX CSS ESPECIFCO */
#cboxOverlay{background:#CCC;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(../img/colorbox/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(../img/colorbox/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(../img/colorbox/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(../img/colorbox/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(../img/colorbox/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(../img/colorbox/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(../img/colorbox/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(../img/colorbox/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../img/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
		
/* MC DROPDOWN CSS */

div.mcdropdown {position: absolute; border: 1px solid #8e9daa; padding: 1px; display: -moz-inline-block; display: inline-block; width: 200px; height: 14px; padding: 2px;}

/* style either the input or div where the plug-in is attached to */
div.mcdropdown input, div.mcdropdown div { position: absolute; background-color: #fff; left: 0; top: 0; width: 98%; border: 0; padding: 2px 0 0 3px;}

div.mcdropdown a {
	position: absolute;
	right: 1px;
	top: 1px;
	background: transparent url(../img/mcdropdown/mcdd_select_button_sprite.gif) no-repeat top left;
	display: -moz-inline-block;
	display: inline-block;
	height: 16px;
	width: 15px;
	text-decoration: none;
	font-size: 0.8em;
	z-index: 2;
	outline: 0;
}

div.mcdropdown a:hover, div.mcdropdown a:focus {
	background-position: 0% -16px;
}

div.mcdropdown a:active {
	background-position: 0% -32px;
	outline: none; /* hide dotted outline in Firefox */
}

div.mcdropdownDisabled {
	background-color: #e1e0e0;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-moz-user-focus: ignore; 
	-moz-user-input: disabled; 
}

div.mcdropdownDisabled input {
	cursor: default;
}

div.mcdropdownDisabled a:hover, div.mcdropdownDisabled a:focus {
	background-position: 0 0;
	cursor: default;
}

/* 
	styles for the dropdown menu 
*/
ul.mcdropdown_menu {
	display: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	/* float so we can calculate the size of the columns */
	float: left;
	clear: both;
	z-index: 10000;
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-moz-user-focus: ignore; 
	-moz-user-input: disabled; 
}

ul.mcdropdown_menu ul {
	display: none;
	font-size: 1em;
	/* float so we can calculate the size of the columns */
/*
	float: left;
*/
}

/* -- Sub-Menus -- */
ul.mcdropdown_menu ul {
	position: absolute;
	list-style-type: none;
	margin: 0px;
	margin-left: 30px;
	padding: 0px;
	z-index: 10000;
}
ul.mcdropdown_menu ul li {
	margin: 0px;
	min-width: 150px;
	_width: 150px; /* ie6 min-width hack */
}


/* color schema */
ul.mcdropdown_menu {
/*
	height: 19px;
*/
	height: auto;
	background-color: #e1e0e0;
	padding: 5px 5px;
	font-size: 0.8em;
	/* define font here for IE6 */
}

ul.mcdropdown_menu li {
	padding: 2px 20px 2px 6px;
}

/* we don't use "ul.mcdropdown_menu > li" here so that IE6 knows how to style the root level */
ul.mcdropdown_menu li.mc_root {
	cursor: pointer;
	white-space: nowrap;
	color: #666;
	border-top: 1px solid #fff;
	padding: 2px 20px 2px 6px;
	margin: 0 10px;
}

ul.mcdropdown_menu > li.mc_endcol {
	border-bottom: 1px solid #fff;
}

/* this is for IE6 only */
ul.mcdropdown_menu li.mc_hover {
	background-color: #ccc !important;
}

ul.mcdropdown_menu > li:hover {
	border-top: 1px solid #999;
	background-color: #999 !important;
	color: #fff;
}

ul.mcdropdown_menu > li:hover.mc_endcol {
	border-bottom: 1px solid #999;
}

ul.mcdropdown_menu > li:hover + li:not(.mc_firstrow) {
	border-top: 1px solid #999;
}

ul.mcdropdown_menu li.mc_parent {
	padding-right: 20px !important;
	background: url(../img/mcdropdown/mcdd_icon_normal.gif) no-repeat 100% 50%;
}

ul.mcdropdown_menu li:hover.mc_parent {
	background: #999 url(../img/mcdropdown/mcdd_icon_hover.gif) no-repeat 100% 50% !important;
	color: #fff !important;
}

ul.mcdropdown_menu ul {
	background: #f0f0f0;
	/* add a slight border for better visualization of deep menus */
	border: 1px solid #d0d0d0;
	padding-bottom: 10px;
	/* IE 6/7 will bleed through the background color if we don't set the visibility to hidden */
	visibility: hidden;
}

ul.mcdropdown_menu ul li {
	background: #f0f0f0;
	padding-left: 16px !important;
	border-top: 1px solid #fff;
	color: #666;
	white-space: nowrap;
}

ul.mcdropdown_menu ul li.mc_firstrow {
	border-top: 1px solid #f0f0f0;
}

ul.mcdropdown_menu ul li.mc_endcol {
	border-bottom: 1px solid #fff;
}

ul.mcdropdown_menu ul li:hover {
	background-color: #d6d6d6;
	border-top: 1px solid #dedede;
	color: #666;
}

ul.mcdropdown_menu ul li.mc_endcol:hover {
	border-bottom: 1px solid #dedede;
}

ul.mcdropdown_menu ul li:hover + li:not(.mc_firstrow) {
	border-top: 1px solid #dedede;
}

/*
 * drop down shadows
 */
div.mcdropdown_shadow {
	display: none;
	position: absolute;
	margin: 3px 0 0 3px;
	/* for IE6, we use just a square transparent image */
	background: #000;
	filter :alpha(opacity=33);
}

/* ie6 ignores this selector */
html>body div.mcdropdown_shadow {
	/* let's use a transparent PNG */
	margin: 5px 0 0 5px;
	padding: 5px 0 0 5px;
	background: transparent url(../img/mcdropdown/shadow.png) right bottom no-repeat !important;
	/* remove the filter for IE7 */
	filter: none;
}

/* 
 * styles for the dropdown menu 
 */
/* autocomplete styles */
ul.mcdropdown_autocomplete {
	display: block;
  	position: absolute;
	height: auto;
	max-height: 210px;
  	overflow-x: hidden;
	overflow-y: auto;
 	clear: both;
	padding: 5px 10px;
	background-color: #e1e0e0;
	z-index: 10000;
	margin: 0px;
	list-style-type: none;
	width: 392px;
	font-size: 0.8em;
}

ul.mcdropdown_autocomplete ul {
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.mcdropdown_autocomplete ul li {
	margin: 0px;
}

ul.mcdropdown_autocomplete li {
 	display: block;
	cursor: pointer;
	white-space: nowrap;
	color: #666;
	border-top: 1px solid #fff;
	padding: 2px 26px 2px 6px;
	font-size: 0.8em;
}

ul.mcdropdown_autocomplete li.mc_endcol {
	border-bottom: 1px solid #fff;
}

ul.mcdropdown_autocomplete li.mc_parent {
	padding-right: 20px !important;
	background: url(../img/mcdropdown/mcdd_icon_normal.gif) no-repeat 100% 50%;
}

ul.mcdropdown_autocomplete li.mc_hover {
	border-top: 1px solid #999;
	background-color: #999 !important;
	color: #fff;
}

ul.mcdropdown_autocomplete li.mc_hover_parent {
	background: #999 url(../img/mcdropdown/mcdd_icon_hover.gif) no-repeat 100% 50% !important;
	color: #fff !important;
}
/* TOOLTIP CSS */
img.tooltip{
    width: 90px;
    height: 110px;
}
